$(document).ready(function () {

    // 底部法律备案信息部分
    // 底部法律备案信息部分
    // 底部法律备案信息部分
    // 底部法律备案信息部分
    var reguname = /^[a-zA-Z\u4e00-\u9fa5]+$/; //用户名验证的正则对象
    var regtel = /^1[3456789]\d{9}$/; //电话号码验证的正则对象
    var regema = /^([0-9A-Za-z\-_\.]+)@([0-9a-z]+\.[a-z]{2,3}(\.[a-z]{2})?)$/g; //电话号码验证的正则对象

    var u = $('#uname'); //获取用户名对象
    var telephone = $('#telephone'); //获取电话号码对象
    var email = $('#email'); //获取邮箱对象
    //用户名输入框的表单验证
    //用户名得到焦点事件
    u.focus(function () {

        //得到焦点时样式变为白色字，空内容，灰色边框
        u.val('');
        u.parents("li").css('border', '1px solid #47a9e2').children("input[id='uname']").css('color', '#fff');

    });
    //用户名实去焦点事件
    u.blur(function () {

        //获取用户名输入框的值，这是值不是输入框表单对象
        var uname = u.val();
        console.log(uname);

        //判断输入框的值是否合法
        if (uname == "") { //如果输入框的值为空
            u.parents("li").css('border', '1px solid #f40').children("input[id='uname']").css('color', '#f40');
            u.val('用户名不能为空！！！');
            console.log("值为空字符");
        } else if (reguname.test(uname)) { //如果输入框的内容符合正则验证，不做任何处理
            u.val(uname);
            console.log(uname);
            u.parents("li").css('border', '1px solid #ccc').children("input[id='uname']").css('color', '#fff');
            console.log("格式符合要求");
        } else { //如果输入框的内容不符合正则验证，弹窗警告
            u.parents("li").css('border', '1px solid #f40').children("input[id='uname']").css('color', '#f40');
            u.val('用户名格式不对！！！');
        }
    });

    //电话号码输入框的表单验证
    //电话号码实去焦点事件
    telephone.focus(function () {
        //得到焦点时样式变为白色字，空内容，灰色边框
        telephone.val('');
        telephone.parents("li").css('border', '1px solid #47a9e2').children("input[id='telephone']").css('color', '#fff');

    });
    //电话号码实去焦点事件
    telephone.blur(function () {
        //获取用户名输入框的值，这是值不是输入框表单对象
        var tel = telephone.val();
        console.log(telephone);

        //判断输入框的值是否合法
        if (tel == "") { //如果输入框的值为空
            telephone.parents("li").css('border', '1px solid #f40').children("input[id='telephone']").css('color', '#f40');
            telephone.val('电话号码不能为空！！！');
            console.log("值为空字符");
        } else if (regtel.test(tel)) { //如果输入框的内容符合正则验证，格式符合则不做一场处理
            telephone.parents("li").css('border', '1px solid #ccc').children("input[id='uname']").css('color', '#fff');
            telephone.val(tel);
            console.log(tel);
            console.log("电话号码格式符合要求");
        } else { //如果输入框的内容不符合正则验证，弹窗警告

            telephone.parents("li").css('border', '1px solid #f40').children("input[id='telephone']").css('color', '#f40');
            telephone.val('电话号码格式不对！！！');
        }
    });

    //邮箱输入框的表单验证
    //邮箱实去焦点事件
    email.focus(function () {
        //得到焦点时样式变为白色字，空内容，灰色边框
        email.val('');
        email.parents("li").css('border', '1px solid #47a9e2').children("input[id='email']").css('color', '#fff');

    });
    //邮箱实去焦点事件
    email.blur(function () {
        //获取用户名输入框的值，这是值不是输入框表单对象
        var emailtxt = $('#email').val();
        console.log(telephone);

        //判断输入框的值是否合法
        if (emailtxt == "") { //如果输入框的值为空
            email.parents("li").css('border', '1px solid #f40').children("input[id='email']").css('color', '#f40');
            email.val('邮箱不能为空！！！');
            console.log("值为空字符");
        } else if (regema.test(emailtxt)) { //如果输入框的内容符合正则验证，不做任何处理
            u.parents("li").css('border', '1px solid #ccc').children("input[id='uname']").css('color', '#fff');
            email.val(emailtxt);
            console.log(emailtxt);
            console.log("邮箱格式符合要求");
        } else { //如果输入框的内容不符合正则验证，弹窗警告

            email.parents("li").css('border', '1px solid #f40').children("input[id='email']").css('color', '#f40');
            email.val('邮箱格式不对！！！');
        }
    });

    // 提交按钮点击事件
    $('#submit').click(function submitbtn() {
        var uname = u.val();
        console.log(uname);
        //判断输入框的值是否合法
        if (uname == "") { //如果输入框的值为空
            alert("用户名不能为空");
            console.log("值为空字符");

            // return;
        }
        var tel = telephone.val();
        console.log(telephone);

        //判断输入框的值是否合法
        if (tel == "") { //如果输入框的值为空
            alert("电话号码不能为空");
            console.log("值为空字符");
            // return;
        }
        var emailtxt = $('#email').val();
        console.log(telephone);

        //判断输入框的值是否合法
        if (emailtxt == "") { //如果输入框的值为空
            alert("邮箱不能为空");
            console.log("值为空字符");
            // return;
        }
    });


    //-------------------------------------------------------------------------------------------------------------------
    // 首页页面内容


    // 数字递增特效（绑定滚动条的滚动事件）
    var n = 0;
    window.onscroll = function () {
        // 获取滚动条到顶部的距离
        var top = $(window).scrollTop();
        // console.log(top);
        if (top > 400 && n == 0) {
            // alert(1);
            // jq针对多个对象的循环
            var time;
            $(".number").each(function (k, p) {
                // 循环执行4次
                // console.log(p);  // 参数p，是属于js对象
                var max = $(p).attr('data-max'); //  获取p标签的属性
                if (max < 50) {
                    time = 100;
                } else if (max < 100) {
                    time = 30;
                } else if (max < 300) {
                    time = 10;
                } else {
                    // 默认大于300
                    time = 1;
                }

                // 设置数字递增动画
                // 设置定时器
                var t = window.setInterval(function () {
                    // 让p标签的数字递增
                    // var n = parseInt(p.innerText);   //js代码
                    var n = parseInt($(p).text()); //jq代码
                    if (n < max) {
                        // p.innerText = ++n;
                        $(p).text(++n);
                    } else {
                        // 清除定时器
                        window.clearInterval(t);
                    }
                }, time);
            });
            n = 1;
        }
    }

    // 成功案例选项卡
    $(".success .content ul li").mouseover(function () {
        var i = $(this).index();
        // alert(i);
        $(".success .content ul li").eq(i).children("div").addClass("empty");
        $(".success .content div[name = 'content_bottom']").eq(i).css('display', 'block').siblings().css('display', 'none');
        $(".success .content ul li").eq(i).siblings().children("div").removeClass("empty"); //其他li的子元素div删除类名empty
    });

    // 新闻中心选项卡news_contentliactive
    $(".news_body .news_top .news_content > ul li").mouseover(function () {
        var i = $(this).index();
        // alert(i);
        $(this).addClass('news_contentliactive');
        $(this).siblings().removeClass('news_contentliactive');

        $(".news_body .news_top .news_content div[name = 'newslist']").eq(i).css('display', 'block').siblings().css('display', 'none');

    });




    //-----------------------------------------------------------------------------------------------------------------
    // 联系我们页面


    // 联系我们的地图插件
    // GL版命名空间为BMapGL
    // 按住鼠标右键，修改倾斜角和角度
    var map = new BMapGL.Map("addmap"); // 创建Map实例
    map.centerAndZoom(new BMapGL.Point(116.333976, 39.985569), 19); // 初始化地图,设置中心点坐标和地图级别
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
    map.setHeading(64.5);
    map.setTilt(73);
})